<HTML>
<HEAD>
<TITLE></TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <link href="css/style.css" rel="stylesheet" type="text/css">
	<link type="text/css" href="css/smoothness/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />	
	<script src="js/jquery-1.6.2.min.js"></script>
     <script src="js/jquery-ui-1.8.16.custom.min.js"></script>
	 <script src="js/jquery.ui.accordion.js"></script>
	  <script type="text/javascript" src="js/common.js"></script>
	<script>
    $(function(){
        $("#nav_01_a").mouseover(function(){
            $("#nav_01_a img").attr("src","images/nav_menus_01_b.jpg");
        });
        $("#nav_01_a").mouseout(function(){
            $("#nav_01_a img").attr("src","images/nav_menus_01_a.jpg");
        });
        $("#nav_02_a").mouseover(function(){
            $("#nav_02_a img").attr("src","images/nav_menus_02_b.jpg");
        });
        $("#nav_02_a").mouseout(function(){
            $("#nav_02_a img").attr("src","images/nav_menus_02_a.jpg");
        });
        $("#nav_03_a").mouseover(function(){
            $("#nav_03_a img").attr("src","images/nav_menus_03_b.jpg");
        });
        $("#nav_03_a").mouseout(function(){
            $("#nav_03_a img").attr("src","images/nav_menus_03_a.jpg");
        });
        $("#nav_04_a").mouseover(function(){
            $("#nav_04_a img").attr("src","images/nav_menus_04_b.jpg");
        });
        $("#nav_04_a").mouseout(function(){
            $("#nav_04_a img").attr("src","images/nav_menus_04_a.jpg");
        });
        $("#nav_05_a").mouseover(function(){
            $("#nav_05_a img").attr("src","images/nav_menus_05_b.jpg");
        });
        $("#nav_05_a").mouseout(function(){
            $("#nav_05_a img").attr("src","images/nav_menus_05_a.jpg");
        });
        $("#nav_06_a").mouseover(function(){
            $("#nav_06_a img").attr("src","images/nav_menus_06_b.jpg");
        });
        $("#nav_06_a").mouseout(function(){
            $("#nav_06_a img").attr("src","images/nav_menus_06_a.jpg");
        });
		$("#left_menus").accordion({
			icons:"",
			autoHeight: false,
			navigation: true
		});
		$("#left_menus").accordion("activate",2);
        $("#left_menus div ul li").click(function(){
			var _li=$("#left_menus")[0].getElementsByTagName("li");
			for(var i=0;i<_li.length;i++){
				_li[i].className="";
			}
			$(this).addClass("menus_on");
        });
    });
    </script>
    <style>
		body {behavior: url(css/hover.htc);}
	</style>
</HEAD>
<BODY>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="99">
        <div id="header_wrap">
        <div id="header_inner">
            <ul>
                <li>OpenERP(e420)<span>Administrator</span></li>
                <li id="header_links"><a href="javascript:void(0)">订单</a> | <a href="javascript:void(0)">收款单</a> | <a href="javascript:void(0)">发货</a> | <a href="javascript:void(0)">系统配置</a></li>
            </ul>
        <div id="header_logout" onClick="javascript:void(0)" title="退出系统"></div>
          </div>
        </div>
        <div id="nav_menus">
            <ul>
                <li><a href="javascript:void(0)" id="nav_01_a" onClick="setMenus(this,'nav_01_b')"><img src="images/nav_menus_01_a.jpg"></a> <a href="javascript:void(0)" id="nav_01_b" style="display:none"><img src="images/nav_menus_01_b.jpg"></a></li>
                <li><a href="javascript:void(0)" id="nav_02_a" onClick="setMenus(this,'nav_02_b')"><img src="images/nav_menus_02_a.jpg"></a> <a href="javascript:void(0)" id="nav_02_b" style="display:none"><img src="images/nav_menus_02_b.jpg"></a></li>
                <li><a href="javascript:void(0)" id="nav_03_a" onClick="setMenus(this,'nav_03_b')"><img src="images/nav_menus_03_a.jpg"></a> <a href="javascript:void(0)" id="nav_03_b" style="display:none"><img src="images/nav_menus_03_b.jpg"></a></li>
                <li><a href="javascript:void(0)" id="nav_04_a" onClick="setMenus(this,'nav_04_b')"><img src="images/nav_menus_04_a.jpg"></a> <a href="javascript:void(0)" id="nav_04_b" style="display:none"><img src="images/nav_menus_04_b.jpg"></a></li>
                <li><a href="javascript:void(0)" id="nav_05_a" onClick="setMenus(this,'nav_05_b')"><img src="images/nav_menus_05_a.jpg"></a> <a href="javascript:void(0)" id="nav_05_b" style="display:none"><img src="images/nav_menus_05_b.jpg"></a></li>
                <li><a href="javascript:void(0)" id="nav_06_a" onClick="setMenus(this,'nav_06_b')"><img src="images/nav_menus_06_a.jpg"></a> <a href="javascript:void(0)" id="nav_06_b" style="display:none"><img src="images/nav_menus_06_b.jpg"></a></li>
            </ul>
        </div>
    </td>
  </tr>
  <tr>
    <td class="left_menus_bg">
         <div id="main_wrap">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="181" class="left_menus">
                    <div id="left_menus" class="ui-accordion3">
                        <h3><a href="javascript:void(0)">销售</a></h3>
                        <div>
                        	<ul>
                                <li>添加</li>
                                <li>管理</li>
                                <li>查询</li>
                            </ul>
                        </div>
                        <h3><a href="javascript:void(0)">客户</a></h3>
                        <div>
                        	<ul>
                                <li>测试</li>
                            </ul>
                        </div>
                        <h3><a href="javascript:void(0)">产品</a></h3>
                        <div>
                        	<ul>
                                <li class="menus_on">产品列表</li>
                                <li>添加产品</li>
                            </ul>
                        </div>
                        <h3><a href="javascript:void(0)">报表</a></h3>
                        <div>
                        	<ul>
                                <li>测试</li>
                            </ul>
                        </div>
                        <h3><a href="javascript:void(0)">设置</a></h3>
                        <div>
                        	<ul>
                                <li>测试</li>
                            </ul>
                        </div>
                    </div>
                </td>
                <td>
                	<iframe width="100%" height="0" frameborder="0" scrolling="no" src="list.html" id="mainFrame" name="mainFrame"></iframe>
                </td>
              </tr>
            </table>
        </div>
    </td>
  </tr>
  <tr>
  	<td height="25">
    	<div id="footer_wrap">
            <dl>
                <dt>socket://admin@localhost:8070 zh_cn</dt>
                <dd>Powered by openerp.com</dd>
            </dl>
        </div>
    </td>
  </tr>
</table>
<div id="info" title="显示信息" style="display:none">
哈哈哈测试一下
</div>
</BODY>
</HTML>
<script>
	$("#mainFrame").load(function(){
		$(this).height($(this).contents().height()); 
	})
</script>
